<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html>
<head>
<title>${project.name }</title>
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css"
	type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js"
	type="text/javascript"></script>
		<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/idangerous.js"></script>	
<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css"
	rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/CanYinFuWu/idangerous.css">	
<script type="text/javascript">
	function goUrl(url){
		location.href=url;
	}
	
</script>
</head>
<body>
	<div data-url="demo-page" data-role="page" id="demo-page"
		data-theme="d">
		<div data-role="header" data-theme="c" style="height: 40px;">
			<h1>${menuName}</h1>
			<a href="#left-panel" data-icon="bars" data-shadow="false"
				data-iconshadow="true">导航栏</a>
		</div>
		<!-- /header -->
		<div data-role="content" data-inset="true"
			style="margin: 0px; padding: 0px; width: 100%">
			<!-- banner -->
			<div class="device">
			    <div style="cursor: -moz-grab;" class="swiper-container">
			    	<div style="width: 7115px; height: 240px; -moz-transform: translate(-2846px, 0px); -moz-transition-duration: 0.3s;" class="swiper-wrapper">
			    			<div style="width: 1423px; height: 240px;" xmlns="http://www.w3.org/1999/xhtml" class="swiper-slide"> 
								<a class="ui-link" data-ajax="false" href="http:///">
									<img src="${ctxUser}/project/${project.pic1 }">
								</a>	
							</div>
			  				<div style="width: 1423px; height: 240px;" class="swiper-slide"> 
								<a class="ui-link" href="http:///" data-ajax="false">
									<img src="${ctxUser}/project/${project.pic2 }">
								</a>	
							</div>
							<div style="width: 1423px; height: 240px;" class="swiper-slide swiper-slide-visible swiper-slide-active"> 
								<a class="ui-link" href="http:///" data-ajax="false">
									<img src="${ctxUser}/project/${project.pic3 }">
								</a>	
							</div>
					</div>
			   		<div class="pagination">
			   			<span class="swiper-pagination-switch"></span>
			   			<span class="swiper-pagination-switch"></span>
			   		</div>
			    </div>
			</div>
			<!-- banner END -->


			<!-- 分栏显示 -->
			<!-- 产品种类 -->

			<!-- 公司简介 -->
			<div class="titlestyle">
				<strong>公司简介:</strong><span class="fr"
					style="color: #666; font-weight: normal;"> </span>
			</div>
			<c:if test="${not empty project.remarks }">
				<div class="titlecontnet">&nbsp;&nbsp;&nbsp;${project.remarks}</div>
			</c:if>

			<br>
			<!-- 推荐产品 -->
			<div class="titlestyle">
				<strong>产品推荐:</strong><span class="fr"
					style="color: #666; font-weight: normal;"> </span>
			</div>
			<c:if test="${not empty microProductList }">
				<div data-role="content">
			        <div class="article">
			            <ul   data-role="listview" data-inset="true"	style="margin: 0px; padding: 0px;width:100%">
			            	<c:forEach items="${microProductList}" var="product" begin="0" end="10">
				            	<li>
				            		<a href="#" onclick="goUrl('${ctxMobileSite }/viewProduct/${product.id }')">
										<img src="${ctxUser}/product/${product.indexPic}" style="margin-top: 0px; margin-bottom: 0px; width: 100px; height: 100%" />
										<h2>${product.name}</h2>
										<p>￥${product.price}</p>
										<p class="ui-li-aside" style="display: none">0人</p>
									</a>
								</li>
			            	</c:forEach>
			            </ul>
			        </div><!-- /article -->
			    </div><!-- /content -->
			</c:if>
			<!-- 公司动态 -->
			<br>
			<div class="titlestyle">
				<strong>公司动态:</strong><span class="fr"
					style="color: #666; font-weight: normal;"> </span>
			</div>
			<c:if test="${not empty newsList }">
				<div>
					<ul
						style="padding-left: 0px; padding-right: 0px; transition-duration: 0s; transform: translate3d(0px, 0px, 0px); width: 950px; height: 158px;"
						class="swiper-wrapper">
						<c:forEach items="${newsList}" var="news">
							<li class="">&nbsp;
								<a href="#" onclick="goUrl('${ctxMobileSite }/viewNews/${news.id}')">${news.title}</a>
							</li>
						</c:forEach>
					</ul>
				</div>
			</c:if>
			<!-- 分栏显示 结束-->
		</div>
		<!-- /content -->

		<!-- Left Menu Start -->
		<div data-role="panel" id="left-panel" data-theme="c">
			<ul data-role="listview" data-theme="d">
				<li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
				<c:forEach items="${menus}" var="menu">
					<li data-icon="go">
						<a href="#" onclick="goUrl('${ctxMobileSite}/${project.id}?menuId=${menu.id}')">${menu.name}</a>
					</li>
				</c:forEach>
			</ul>
		</div>
		<!-- /panel -->
		<!-- Left Menu End -->
 <script>
  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    autoplay:3000,
    loop:true,
    grabCursor: true,
    paginationClickable: true,
  })
  </script>

	</div>
	<!-- /content -->
	<!-- 
	<jsp:include page="${ctxPage}/themes/${theme}/footer.jsp"></jsp:include> -->
</body>
</html>
